<?php include '_header.php';?>

<!-- <div data-role="page" id="demo-page" class="jqm-demos jqm-home"> -->
<div data-role="page" id="demo-page" data-url="demo-page">

	<div data-role="header" class="jqm-header">
	   <h3 class="ui-bar ui-bar-a">Patient</h3>
	</div><!-- /header -->


	<div role="main" class="ui-content jqm-content">

	    <div class="ui-grid-a ui-responsive">
	    
	    <div class="ui-corner-all custom-corners" data-role="collapsible">
                  <h3>Search</h3>
                  <div>
                    <form>
						<input type="text" name="search-name" id="text-name" value="" placeholder="Name">
						<input type="text" name="search-scs" id="text-hcs-id" value="" placeholder="HCS Id">
						<input type="text" name="search-phone" id="text-phone" value="" placeholder="Phone Number">
					    <input type="button" value="Search" />
					</form>
                  </div>
                </div>
        		
                <br />
				<div class="ui-body ui-body-a ui-corner-all">
                      <table data-role="table" id="table-custom-2" data-mode="columntoggle" class="ui-body-d ui-shadow table-stripe ui-responsive" data-column-btn-theme="b" data-column-btn-text="Show / Hide" data-column-popup-theme="a">
						<thead>
						  <tr class="ui-bar-d">
							<th data-priority="2">Id</th>
							<th>Name
							</th>
							<th data-priority="3">Sex</th>
							<th data-priority="1"><abbr>Assment No</abbr></th>
							<th data-priority="5">HCS ID</th>
						  </tr>
						</thead>
						<tbody>
       					  <tr>
							<th>1</th>
                            <td>
                                    <a href="#popupMenu" data-rel="popup" data-transition="slideup">藤本 明日</a>
                                    <div data-role="popup" id="popupMenu" data-theme="b">
                                            <ul data-role="listview" data-inset="true" style="min-width:210px;">
                                                <li data-role="list-divider">Choose an action</li>
                                                <li><a href="#">View details</a></li>
                                                <li><a href="#">Edit</a></li>
                                                <li><a href="#">Delete</a></li>
                                                <li><a href="#">Assessment</a></li>
                                            </ul>
                                    </div>
                            </td>
							<td>F</td>
							<td>8</td>
							<td>KANA-000001</td>
						  </tr>

                          <tr>
							<th>2</th>
                            <td>
                                <a href="#popupMenu" data-rel="popup" data-transition="slideup">新垣 さとみ</a>
                                <div data-role="popup" id="Div1" data-theme="b">
                                        <ul data-role="listview" data-inset="true" style="min-width:210px;">
                                            <li data-role="list-divider">Choose an action</li>
                                            <li><a href="#">View details</a></li>
                                            <li><a href="#">Edit</a></li>
                                            <li><a href="#">Delete</a></li>
                                            <li><a href="#">Assessment</a></li>
                                        </ul>
                                </div>
                            </td>
							<td>F</td>
							<td>11</td>
							<td>KANA-000002</td>
						  </tr>
						  <tr>
							<th>3</th>
                            <td>
                                <a href="#popupMenu" data-rel="popup" data-transition="slideup">平野 ケンイチ</a>
                                <div data-role="popup" id="Div2" data-theme="b">
                                        <ul data-role="listview" data-inset="true" style="min-width:210px;">
                                            <li data-role="list-divider">Choose an action</li>
                                            <li><a href="#">View details</a></li>
                                            <li><a href="#">Edit</a></li>
                                            <li><a href="#">Delete</a></li>
                                            <li><a href="#">Assessment</a></li>
                                        </ul>
                                </div>
                            </td>
							<td>M</td>
							<td>3</td>
							<td>LKAN-000001</td>
						  </tr>

                          <tr>
							<th>4</th>
                            <td>
                                <a href="#popupMenu" data-rel="popup" data-transition="slideup">梅村 美菜</a>
                                <div data-role="popup" id="Div3" data-theme="b">
                                        <ul data-role="listview" data-inset="true" style="min-width:210px;">
                                            <li data-role="list-divider">Choose an action</li>
                                            <li><a href="#">View details</a></li>
                                            <li><a href="#">Edit</a></li>
                                            <li><a href="#">Delete</a></li>
                                            <li><a href="#">Assessment</a></li>
                                        </ul>
                                </div>
                            </td>
							<td>F</td>
							<td>6</td>
							<td>LKAN-000002</td>
						  </tr>

                          <tr>
							<th>5</th>
                            <td>
                                <a href="#popupMenu" data-rel="popup" data-transition="slideup">梅村 美菜</a>
                                <div data-role="popup" id="Div4" data-theme="b">
                                        <ul data-role="listview" data-inset="true" style="min-width:210px;">
                                            <li data-role="list-divider">Choose an action</li>
                                            <li><a href="#">View details</a></li>
                                            <li><a href="#">Edit</a></li>
                                            <li><a href="#">Delete</a></li>
                                            <li><a href="#">Assessment</a></li>
                                        </ul>
                                </div>
                            </td>
							<td>F</td>
							<td>16</td>
							<td>LKAN-000008</td>
						  </tr>
						  
						</tbody>
					  </table>
				</div>
        	
        </div>

	</div><!-- /content -->
	

	
	<?php include '_footer.php';?>
	
